<template>
  <div id="app">
    <a-menu v-model="current" mode="inline" style="width: 256px">
      <a-menu-item key="2" @click="goPath('/')">流程定义</a-menu-item>
      <a-menu-item key="3" @click="goPath('/todo')">待办任务</a-menu-item>
      <a-menu-item key="4" @click="goPath('/task')">已办任务</a-menu-item>
      <a-menu-item key="5" @click="goPath('/ProcessForm')">我的流程</a-menu-item>
      <a-menu-item key="6" @click="goPath('/formConfiguration')">表单配置</a-menu-item>
      <a-menu-item key="7" @click="goPath('/login')">登录</a-menu-item>
    </a-menu>
    <div style="flex: 1;">
      <router-view />
    </div>
  </div>
</template>

<script>
import Formsm from './views/Forms/index.vue'
import Process from './views/Process/index.vue'
import ProcessForm from './views/ProcessForm/index.vue'
import task from './views/task/index.vue'
import todo from './views/todo/index.vue'

import ProcessApproval from "./components/process/components/index.vue"
export default {
  name: 'App',
  components: {
    Formsm,
    Process,
    ProcessForm,
    task,
    todo,
    ProcessApproval
  },
  data() {
    return {
      defaultActiveKey: 1,

      taskForm: {},
      current: ["1"]
    }
  },

  methods: {
    goPath(val) {
      this.$router.push({ path: val })
    },
  }
}
</script>

<style lang="less" >
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  display: flex;
  margin-top: 60px;
}
</style>
